<!-- 承运统计 -->
<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane v-for="(item, index) of tabs" :key="index" :label="item.label" :name="item.name">
        <component :is="item.name"  :sys_user_sex="dict.type.sys_user_sex" :driver_type="dict.type.driver_type" :carrier_type="dict.type.carrier_type" :id="index" :car_type="dict.type.car_type" :energy_type="dict.type.energy_type" :active="activeName" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Carrier from './Carrier'
import Driver from './Driver'
import Car from './Car'
import Route from './Route'

export default {
  name: "carrierStatistics",
  dicts: ['sys_user_sex','driver_type','carrier_type','car_type','energy_type'],
  components: {
    Carrier,
    Driver,
    Car,
    Route
  },
  data() {
    return {
      activeName: 'Carrier',

      tabs: [
        {
          label: '服务商统计',
          name: 'Carrier'
        },
        // {
        //   label: '司机统计',
        //   name: 'Driver'
        // },
        // {
        //   label: '车辆统计',
        //   name: 'Car'
        // },
        // {
        //   label: '线路统计',
        //   name: 'Route'
        // }
      ],
    };
  },
  methods: {
    // tab 切换
    handleClick() {

    }

  }
};
</script>
<style lang="scss" scoped>
.el-tabs {
  ::v-deep {
    .el-tabs__header {
      margin-bottom: 0;
    }
  }
}
</style>
